<style type="text/css">
	.userIcon{
		width: 2.5rem;
		border-radius: 50%;
	}
	.wrap{
		width: 90%;
		margin: 1rem auto;
	}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.r_content{
		width: 88%;
	}
	.border{
		border-bottom: 0.1rem solid #ddd;
	}
	.blank{
		background: #f6f6f6; 
		height:0.8rem;
	}
	.userName{
		color: #ccc;
		font-size: 1.3rem;
	}
	.question,.publishTime,.countDiscuss,.countPraise{
		color: #999;
	}
	.publishTime{
		font-size: 1.3rem;	
	}
	body{
		color: #333;
	}
	.question,.answer{
		margin: 0.8rem 0;
	    line-height: 2.3rem;
	    text-align: justify;
	}
	.floor:last-child{
		margin-top: 1rem;
	}
	.floor:first-child{
		padding-bottom: 1rem;
	}
	.w13{
		width: 1.3rem;
	}
	.countDiscuss,.countPraise{
		font-size: 1rem;
	}
	ul.btnGroup{
		padding-bottom: 1rem;
	}
	ul.btnGroup li{
		color: #fc9304;
		border:0.1rem solid #fc9304;
		font-size: 1rem;
		height: 2rem;
	    line-height: 2rem;
	    width: 4rem;
	    text-align: CENTER;
	    background: #fff;
	}
	ul.btnGroup li:first-child{
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-right: 0;
	}
	ul.btnGroup li:last-child{
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-left: 0;
	}
	ul li.select{
		background-color: #fc9105;
		color: #fff;
	}
	.group{
		color:#666;
		font-size: 1.2rem;
	}
	.pubtime{
		color: #999;
		font-size: 1.2rem;
	}
	.bannerImg{
		width: 100%;
	}
	.banner{
		position: relative;
	}
	.artTitle,.countFan{
		position: absolute;
	}
	.artTitle{
		top: 6rem;
	    text-align: CENTER;
	    width: 100%;
	    font-size: 1.4rem;
	    color: #fff;
	}
	.countFan{
		top:10rem;
		text-align: CENTER;
	    width: 100%;
	    color: #fff;
	}
	.qa{
		color: #999;
		font-size: 1.2rem;
		margin-top: 0.35rem;
	}
	.content{
		line-height: 2.2rem;
	}
	.contCss{
		height: 6.5rem;
		overflow: hidden;
		text-align: justify;
	}
	.down,.up{
		width: 1.3rem;
	}
	.up{
		display: none;
	}
	.downLoad{
		background-color: #fc9105;
	    padding: 1rem;
	    color: #fff;
	    font-size: 1.2rem;
	}
	.icon{
		position: absolute;
		bottom: 0;
		right: 1rem;
		width: 2rem;
	}
	.downTips{
		border: 0.1rem solid #fc9105;
	    padding: 0.7rem;
	    border-radius: 0.3rem;
	    color: #fc9105;
	    font-size: 1.3rem;
	    margin-top: 2rem;
    	margin-bottom: 6rem;
	}
	.downTip{
		background: rgba(0,0,0,0.5);
		position: fixed;
	    width: 100%;
	    bottom: 0;
	}
	.logo{
		width: 3rem;
    	margin: 1rem;
    	height: 3rem;
	}
	.slogan p{
		font-size: 1.1rem;
	    color: #fff;
	    letter-spacing: 0.1rem;
	}
	.openBtn{
		width: 6rem;
    	margin: 1.7rem 1rem 0 0;

	}
	.closeBtn{
		width: 1.5rem;
    	margin: 1.9rem 1rem 0 0;
	}
	.slogan{
		margin-top: 1rem;
	}
	.downTipsDiv{
		padding-bottom: 2rem; 
		padding-top: 1rem;
		background-color: #f6f6f6;
	}
</style>
<div ng-controller="askPageCtrl">
	<div class="banner">
		<img class="bannerImg" src="{{datas.appBanner}}" alt="" />
		<div class="artTitle">{{datas.title}}</div>
		<div class="countFan">——{{datas.countFan}}——</div>
		<img class="icon" src="static/185.png" alt="" />
	</div>
	<div class="downLoad text-center">打开悦享客户端，查看更多精彩回答!</div>
	<div class="content wrap">{{datas.content}}</div>
	<div class="text-center">
		<img class="down" ng-click="show()" src="static/73.png" alt="" />
		<img class="up" ng-click="hide()" src="static/74.png" alt="" />
	</div>
	<div class="wrap">
		<span class="group">{{datas.group}}&nbsp;&nbsp;</span>
		<span class="pubtime">{{datas.pubtime | fomatTime}}</span>
	</div>
	<div style="background: #f6f6f6;" class="clearfix">
		<div class="wrap">
			<ul class="btnGroup pull-left">
				<li ng-class="{ 'select' : data.current == 1 }" ng-click="actions.setCurrent(1)" class="pull-left">最热</li>
				<li ng-class="{ 'select' : data.current == 2 }" ng-click="actions.setCurrent(2)" class="pull-left">最新</li>
			</ul>
			<div class="pull-right qa">
				<span><span style="color: #666;">{{datas.countQuestion}}</span>&nbsp;&nbsp;提问&nbsp;&nbsp;|&nbsp;&nbsp;</span>
				<span><span style="color: #666;">{{datas.countQuestion}}</span>&nbsp;&nbsp;回复&nbsp;&nbsp;|&nbsp;&nbsp;</span>
				<span>提问进行中</span>
			</div>
		</div>
	</div>
	
	<!--最热评论-->
    <div class="hotAsk" ng-if="data.current == 1">
    	<ul>
    		<li ng-repeat='aq in list'>
    			<div class="wrap">
	    			<div class="floor clearfix border">
	    				<img class="pull-left userIcon" src="{{aq.authorIcon}}" alt="" />
	    				<div class="pull-right r_content">
	    					<div class="clearfix">
	    						<div class="userName pull-left">{{aq.author}}</div>
	    						<div class="message pull-right">
	    							<img class="w13" src="static/50.png" alt="" />
	    							<span class="countDiscuss">{{aq.countDiscuss}}</span>
	    						</div>
	    					</div>
	    					<div class="question">{{aq.question}}</div>
	    					<div class="publishTime">{{aq.time|fomatTime}}</div>
	    				</div>
	    			</div>
	    			<div class="floor clearfix">
	    				<img class="pull-left userIcon" src="{{aq.answererIcon}}" alt="" />
	    				<div class="pull-right r_content">
	    					<div class="clearfix">
	    						<div class="userName pull-left">{{aq.answerer}}</div>
	    						<div class="message pull-right">
	    							<img class="w13" src="static/51.png" alt="" />
	    							<span class="countPraise">{{aq.countPraise}}</span>
	    						</div>
	    					</div>
	    					<div class="answer">{{aq.answer}}</div>
	    					<div class="publishTime">{{aq.answerTime|fomatTime}}</div>
	    				</div>
	    			</div>
    			</div>
    			<div class="blank"></div>
    		</li>
    	</ul>
    </div>
    <!--最热评论-->
    <!--最新评论-->
     <div class="newAsk" ng-if="data.current == 2">
    	<ul>
    		<li ng-repeat='new in list'>
    			<div class="wrap">
	    			<div class="floor clearfix border">
	    				<img class="pull-left userIcon" src="{{new.authorIcon}}" alt="" />
	    				<div class="pull-right r_content">
	    					<div class="clearfix">
	    						<div class="userName pull-left">{{new.author}}</div>
	    						<div class="message pull-right">
	    							<img class="w13" src="static/50.png" alt="" />
	    							<span class="countDiscuss">{{new.countDiscuss}}</span>
	    						</div>
	    					</div>
	    					<div class="question">{{new.question}}</div>
	    					<div class="publishTime">{{new.time|fomatTime}}</div>
	    				</div>
	    			</div>
	    			<div class="floor clearfix">
	    				<img class="pull-left userIcon" src="{{new.answererIcon}}" alt="" />
	    				<div class="pull-right r_content">
	    					<div class="clearfix">
	    						<div class="userName pull-left">{{new.answerer}}</div>
	    						<div class="message pull-right">
	    							<img class="w13" src="static/51.png" alt="" />
	    							<span class="countPraise">{{new.countPraise}}</span>
	    						</div>
	    					</div>
	    					<div class="answer">{{new.answer}}</div>
	    					<div class="publishTime">{{new.answerTime|fomatTime}}</div>
	    				</div>
	    			</div>
    			</div>
    			<div class="blank"></div>
    		</li>
    	</ul>
    </div>
    <!--最新评论-->
    <div class="downTipsDiv">
    	<div class="text-center wrap downTips">打开悦享客户端，查看更多精彩回答!</div>
    </div>
    <div class="downTip clearfix">
		<img class="pull-left logo" src="static/logo.png" alt="" />
		<div class="slogan pull-left">
			<p>你有权知道更多</p>
			<p>下载悦享客户端</p>
		</div>
		<div class="pull-right btnGroups">
			<img class="pull-left openBtn" src="static/openBtn.png" alt="" />
			<img class="closeBtn" src="static/closeBtn.png" alt="" />
		</div>
	</div>
</div>
